<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/flexslider.css">
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../ExternalJs/jquery.flexslider-min.js"></script>
    <script src="../js/conmon.js"></script>
</head>
<body>
<header>
    <input placeholder="搜索医生" disabled>
    <section>
            <img class="inform" src="../images/inform.png"><span></span>
    </section>
</header>
<span id="num"></span>
<img id="find" src="../images/find.png">
<span id="findMsg">搜索医生</span>
<input id="input">
<section id="inform">
    <img class="inform" src="../images/informB.png">
</section>
<section class="mainPart">
    <section class="topBanner flexslider">
        <ul class="slides" id="slides">
            <li v-for="item in items"><a href="#" v-bind:value="item.url"><img v-bind:src="item.banner_imgpath"/></a></li>
        </ul>
    </section>
    <section class="entrance">
        <section>
            <img src="../images/index_doctor.png"><p>找医生</p>
        </section>
        <section>
            <img src="../images/index_write.png"><p>生发日记</p>
        </section>
        <section>
            <img src="../images/index_join.png"><p>医生加入</p>
        </section>
        <img src="../images/beingAudit.png">
    </section>
   <section class="toutiaoWrap">
       <section class="scroll_article" id="toutiao">
           <img src="../images/toutiao3.png">
           <table></table>
           <ul>
               <li v-for="item in items" v-bind:value="item.web_url" >
                   <p><img src="../images/hot@3x.png">{{item.title|wrap}}</p>
                   <p>{{item.abstract|abs}}</p>
                   <p class="extra">{{item.headline_id}} </p>
               </li>
           </ul>
       </section>
   </section>
    <section class="mediumBanner" id="mediumBanner">
        <section v-for="item in items">
            <img v-bind:src="item.banner_imgpath" v-bind:value="item.url">
        </section>
    </section>
    <section id="doctorRecommendALL">
        <section id="doctorRecommend">
            <p>专家推荐</p>
            <section v-for="item in items" class="docListMember">
                <img v-if="item.nic_thumb != ''" v-bind:src="item.nic_thumb">
                <img v-if="item.nic_thumb ==''" src="../images/userDefault.png">
                <section class="rightPart">
                    <p>
                        <span>{{item.name}}</span><span>{{item.zhiwu}}</span>
                    </p>
                    <p>
                        <span>{{item.hospital_name}}</span>
                        <span>{{item.keshi}}</span>
                    </p>
                    <p><img src="../images/star.png"><span>{{item.score}}</span><span>接诊量: {{item.response_times}}</span></p>
                    <p>{{item.shan_chang}}</p>
                    <p class="id">{{item.d_id}}</p>
                </section>
            </section>
        </section>
        <button>查看其它名医</button>
    </section>
</section>
<footer>
    <section>
        <img src="../images/home_2.png">
        <p class="active">首页</p>
    </section>
    <section>
        <img src="../images/consult_1.png">
        <img src="../images/redPoint.png">
        <p>问诊</p>
    </section>
    <section>
        <img src="../images/mine_1.png">
        <p>我的</p>
    </section>
</footer>
<script src="../ExternalJs/zepto.js"></script>
<script src="../ExternalJs/vue.js"></script>
<script src="../ExternalJs/jQueryMobile1.4.5.js"></script>
<script src="../js/index.js"></script>
<script src="../js/auto_scroll.js"></script>
</body>
</html>